<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<title>Get Together</title>
<style type="text/css">
#form1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-style: normal;
	height: 385px;
	text-align: center;
	float:left;
	position:relative;
	left:23%;
	width: 420px;
	font-weight: normal;
	color: #8080C0;
	border: medium solid #1EEB57;

	border-radius:15px;
	box-shadow: 10px 10px 5px #888888;
}
#email{
	width: 250px;
	height: 25px;
	font-size:16px;
}
#pwd{
	width: 250px;
	height: 25px;
	font-size:16px;
}
#rem{
	position:relative;
	left:-16%;
}
#rem2{
	position:relative;
	left:-17%;
}
#em{
	position:relative;
	left:-26%;
}
#pass{
	position:relative;
	left:-23%;
}
#login{
	position:relative;
	left:-3%;
	width:1in;
}
#image1{
	position:relative;
	left:10%;
	float:left;
	width:auto;
	border-radius:15px;
	box-shadow: 10px 10px 5px #888888;
}
#div1{
	position:absolute;
	left: 40%;
	top: 90%;
	text-align:center;
}
h1 {
	color: #6C0000;
}
#apDiv1 {
	position:absolute;
	width:290px;
	height:142px;
	z-index:1;
	left: 465px;
	top: -15px;
	font-size: 36px;
	font-family: Magneto;
	font-style: normal;
	font-weight: bold;
	background-color: #8080FF;
	vertical-align: bottom;
	text-align: center;
	border-radius:15px;
	box-shadow: 10px 10px 5px #888888;
}
#imgDiv1 {
	position:absolute;
	left:-3px;
	top:-5px;
	z-index:2;
	background-color: #0AF5EA;
	text-align: center;
	vertical-align: middle;
	border-radius:15px;
	box-shadow: 10px 10px 5px #888888;
}
#titleCanvas{
	 width:200;
	 height:100;
	border-radius:15px;
	box-shadow: 10px 10px 5px #888888;
	position:absolute;
	width:290px;
	height:142px;
	z-index:1;
	left: 465px;
	top: -15px; 
}
</style>
</head>

<body background="images/background.jpg" >
<canvas id="titleCanvas">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

var c=document.getElementById("titleCanvas");
var ctx=c.getContext("2d");

// Create gradient
var grd=ctx.createLinearGradient(200,0,340,90);
grd.addColorStop(0,"#1EEB57");
grd.addColorStop(1,"white");

// Fill with gradient
ctx.fillStyle=grd;
//ctx.fillRect(10,10,350,140);

ctx.font="36px Magneto";
ctx.fillRect(10,10,350,140);
//ctx.fillStyle=grd;
ctx.fillStyle="#EB1D44";
ctx.fillText("get Together",30,130);
//Create text
</script>


<h1 align="center"><br />
</h1>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<img src="images/logo_full.png" id="image1"/>
<form id="form1" method="POST" name="form1" action="redir.php"><br />
<h2 style="color:#00C1C1">Sign In</h2>
<p >
  <label id="em">Email</label><br />
<input type="text" name="email" id="email" />
<font size="-1"  color="#999999" ><br/>(Example: someone@iiitd.ac.in)</font></p>
<p ><label id="pass">Password</label><br />
    <input type="password" name="pwd" id="pwd" width="200px"/>
  </p>
  <p>
    <input type="checkbox" name="rem" id="rem" value="Remember Me"/> <label id="rem2">Remember Me</label>
  </p>
<p>
  <input name="Login" type="submit" value="Login" id="login"/><label id="forgot1"><a href="Forgotpass.html">Forgot Password?</a></label>
</p>
</form>
<div id="div1"><a href="../about.html">About Us</a> - <a href="../terms.html">Terms</a> - <a href="../faq.html">FAQ</a><br />Copyright &copy; Get Together Team</div>
</body>
</html>
